<template>
    <div class="employees-container">
      <div class="app-container">
        <el-card>
          <el-tabs>
            <el-tab-pane label="登录账户设置">
                <LoginSetting :id="id"/>
            </el-tab-pane>
            <el-tab-pane label="个人详情" >
                <UserInfo></UserInfo>
            </el-tab-pane>
            <el-tab-pane label="岗位信息" >
                <JobInfo></JobInfo>
            </el-tab-pane>
          </el-tabs>
        </el-card>
      </div>
    </div>
  </template>
  <script>
import JobInfo from './components/job-info.vue';
import UserInfo from './components/user-info.vue';
import LoginSetting from './components/login-setting.vue';

  
  export default {
    components: { JobInfo, UserInfo, LoginSetting },
    data() {
        return {
            // id:this.$route.query.id // 保存用户的id 查询参数接收的方式
            id:this.$route.params.id
        }
    },
}
  </script>
  